一. 引入Axios步骤
1. 安装Axios：在终端中运行以下命令安装Axios：

npm install axios


2. 引入Axios：在需要使用Axios的组件或文件中引入Axios：


import axios from 'axios';


3. 使用Axios：使用Axios进行网络请求：
//多在绑定事件函数(methods) 和 钩子函数(mounted,created)中进行网络请求
格式:axios.请求方式(url[,data[, config]])

axios.get('https://localhost:8080/user/list').then(result => {
    // 处理响应数据(成功)
    //result代表服务器响应的所有数据(包含状态码,响应头,响应体等),result.data是接口响应的核心数据
    
    console.log(result.data);
  })
  .catch(error => {
    // 处理错误(失败)
    console.log(error);
  });


  // post请求需准备数据
  axios.post('https://localhost:8080/user/add',{
    name:'张三',
    age:18
    }).then(result=>{
      console.log(result.data);
    })
    .catch(error=>{
      console.log(error);
    })
 })

  //推荐
  //也可以使用别名(data数据)来获取数据并完成操作
  const active = {
   name:'张三',
   age:18
  }
  axios.post('https://localhost:8080/user/add',active).then(result=>{
    // console.log(result.data);
    this.articlelist = result.data; //调用data里的数组数据,方便下一步渲染数据
  })
  .catch(error=>{
    console.log(error);
  })



  二.  v- 指令
  ① v-bind:  绑定属性 ---> 格式: v-bind:属性名="属性值" / :属性名="属性值"    例:超链接
  ② v-on:  绑定事件 ---> 格式: v-on:事件名="事件处理函数" / @事件名="事件处理函数"  例:点击事件(需在methods中声明变量)
  ③ v-model:  双向绑定表单数据和视图 ---> 格式: v-model="变量名" / v-model:variable="变量名" 例:输入框,特定搜索条件
  ④ v-for: 循环遍历渲染数据 ---> 格式: v-for="ite in items" / v-for="(ite, index) in items" 例:列表渲染 items:需要遍历的表名称
  ⑤ v-else if: / v-show: 条件渲染,前者仅显示满足条件,后者css隐藏条件元素 ---> 格式: v-if="条件" / v-else-if="条件" / v-else="条件" / v-show="条件" 例:条件渲染,根据购物等级显示价格


